<div class="git_area">
    <label>Status: <span class="git_area_path"></span></label>
    <header>
        <input type="checkbox" id="check_all">
        <button onclick="codiad.CodeGit.status(); return false;"><i class="icon-arrows-ccw"></i></button>
        <button onclick="codiad.CodeGit.showCommitDialog(); return false;">Commit</button>
        <button onclick="codiad.CodeGit.showDialog('branches', codiad.CodeGit.location); return false;">Branches</button>
        <button onclick="codiad.CodeGit.showDialog('remote', codiad.CodeGit.location); return false;">Remotes</button>
        <button onclick="codiad.CodeGit.showDialog('log', codiad.CodeGit.location); return false;">Log</button>
        <button onclick="codiad.CodeGit.showDialog('push', codiad.CodeGit.location); return false;">Pull/Push</button>
        <button onclick="codiad.CodeGit.network(codiad.CodeGit.location); return false;">Network</button>
        <div class="right">
            <i class="icon-flow-branch"></i>Branch: <span class="branch">master</span>
        </div>
    </header>
    <div>
        <table class="git_list">
            <thead>
                <td class="col_1"></td><td class="col_2"></td><td class="col_3"></td><td class="col_4"></td>
            </thead>
            <tbody></tbody>
        </table>
    </div>
    <footer>
        <button onclick="codiad.modal.unload(); return false;">Close</button>
        <button onclick="codiad.CodeGit.showDialog('userConfig', codiad.CodeGit.location); return false;">User config</button>
    </footer>
    <script>
        codiad.CodeGit.status();
        $('.git_area_path').text(codiad.CodeGit.location);
    </script>
</div>